<form action="{:sysuri()}" autocomplete="off" class="layui-form layui-form-pane form-search" method="get" onsubmit="return false">

    <div class="layui-form-item layui-inline">
        <label class="layui-form-label">文章编号</label>
        <label class="layui-input-inline">
            <input class="layui-input" name="code" placeholder="请输入文章编号" value="{$get.code|default=''}">
        </label>
    </div>


    <div class="layui-form-item layui-inline">
        <label class="layui-form-label">企业名称</label>
        <label class="layui-input-inline">
            <input class="layui-input" name="qymc" placeholder="请输入企业名称" value="{$get.qymc|default=''}">
        </label>
    </div>

    <div class="layui-form-item layui-inline">
        <label class="layui-form-label">统一信用代码</label>
        <label class="layui-input-inline">
            <input class="layui-input" name="tyxydm" placeholder="请输入统一信用代码" value="{$get.tyxydm|default=''}">
        </label>
    </div>

    <div class="layui-form-item layui-inline">
        <label class="layui-form-label">申请时间</label>
        <label class="layui-input-inline">
            <input class="layui-input" data-date-range name="create_at" placeholder="请选择申请时间" value="{$get.create_at|default=''}">
        </label>
    </div>

    <div class="layui-form-item layui-inline">
        <label class="layui-form-label">状态</label>
        <div class="layui-input-inline">
            <select class="layui-select" name="tj_status">
                <option value="">-- 全部 --</option>
                <option value="1">已提交</option>
                <option value="2">审核中</option>
                <option value="3">已公示</option>
                <option value="4">已落实</option>
            </select>
        </div>
    </div>

    <div class="layui-form-item layui-inline">
        <button class="layui-btn layui-btn-primary"><i class="layui-icon">&#xe615;</i> 搜 索</button>

        <button type="button" data-form-export="{:url('index')}?type={$type|default=''}" class="layui-btn layui-btn-primary">
            <i class="layui-icon layui-icon-export"></i> 导 出
        </button>
    </div>
</form>

<script>
    require(['excel'], function (excel) {
        excel.bind(function (data) {

            // 设置表格内容
            data.forEach(function (item, index) {
                data[index] = [item.qymc, item.tyxydm, item.sbr_xm, item.sbr_phone, item.code,  item.create_at];
            });

            // 设置表头内容
            data.unshift(['企业名称', '统一信用代码', '联系人姓名', '联系人电话', '文章编号', '申请时间']);

            // 可选，自动计算列序号
            var lastCol = layui.excel.numToTitle((function (count, idx) {
                for (idx in data[0]) count++;
                return count;
            })(0));

            // 可选，设置表头样式
            layui.excel.setExportCellStyle(data, 'A1:' + lastCol + '1', {
                s: {
                    font: {sz: 14, bold: true, color: {rgb: "FFFFFF"}, shadow: true},
                    fill: {bgColor: {indexed: 64}, fgColor: {rgb: "5FB878"}},
                    alignment: {vertical: 'center', horizontal: 'center'}
                }
            });

            // 可选，设置内容样式
            var style1 = {
                fill: {bgColor: {indexed: 64}, fgColor: {rgb: "EAEAEA"}},
                alignment: {vertical: 'center', horizontal: 'center'}
            }, style2 = {
                fill: {bgColor: {indexed: 64}, fgColor: {rgb: "FFFFFF"}},
                alignment: {vertical: 'center', horizontal: 'center'}
            };
            layui.excel.setExportCellStyle(data, 'A2:' + lastCol + data.length, {
                s: style1
            }, function (rawCell, newCell, row, config, currentRow, currentCol, fieldKey) {
                /* 判断并转换单元格数据为对象，以便初始化样式 */
                typeof rawCell !== 'object' && (rawCell = {v: rawCell});
                rawCell.s = Object.assign({}, style2, rawCell.s || {});
                return (currentRow % 2 === 0) ? newCell : rawCell;
            });

            // 可选，设置表格行宽高，需要设置最后的行或列宽高，否则部分不生效 ？？？
            var rowsC = {1: 40}, colsC = {A: 60, B: 100};
            rowsC[data.length] = 33, colsC[lastCol] = 160;
            this.options.extend = {
                '!rows': layui.excel.makeRowConfig(rowsC, 33), // 设置每行高度，默认 33
                '!cols': layui.excel.makeColConfig(colsC, 160) // 设置每行宽度，默认 160
            };

            // 其他更多样式，可以配置 this.options.extend 参数，每次执行 bind 会被重置
            // 在线文档：http://excel.wj2015.com/_book/docs/%E5%87%BD%E6%95%B0%E5%88%97%E8%A1%A8/%E6%A0%B7%E5%BC%8F%E8%AE%BE%E7%BD%AE%E7%9B%B8%E5%85%B3%E5%87%BD%E6%95%B0.html

            return data;
        }, '免申即享申请记录');
    });
</script>